@charset "utf-8";
/* CSS Document */
body {
    background:#E7EAF9;
    color: #666666;
    font-size: 14px;
	margin:0 auto;
}
table,tr,th,td{ text-align:left}
a { text-decoration:none}
a:hover{ text-decoration:underline}
a:active{ color:#CF0}
a img { border:0}
#tabcontent td{border: 1px solid #d9d9d9;vertical-align: middle;text-align: center;}
ul{ margin:0px; padding:0px; list-style:none;}
li{margin:0px; padding:0px; list-style:none}
.maxwidth{width:100%;max-width:970px;}
.main{ width:100%; height:auto;  margin:0 auto;overflow: hidden;position: relative;}
.main_a{  height:auto; background:#FFF;margin:0 auto; overflow:hidden;margin-bottom:90px;}
.head{ max-width: 970px; min-width: 320px; height:105px; margin: 0px auto; background-color:#fff;}
.headimg{ width:100%;}
.head_logo{  float:left  }
.head_logo img{  float:left  } 

.mnav{  min-width: 320px; margin:0 auto; overflow:hidden;text-align:center; height:auto; line-height:33px; min-width: 320px;}
.mnav ul{ position: relative;margin: auto;padding:1px;background-color:#135BB0;}
.mnav ul li{ float:left;min-width:100px;}
.mnav ul li a{ color:#ffffff;font-size:16px;line-height:24px;font-weight:bold;margin:0 auto;float:left;text-align: center;width:100%;padding:7px 0;}

.headright{ float:right; }
.mnav_top{  height:25px; line-height:25px; text-align:right; float:right; margin-top:25px; }
.mnav_top span a img{ margin-right:3px;}
.mnav_top span{ margin-right:15px; font-size:14px; color:#E60012; font-weight:600;font-family:Arial, "Times New Roman", sans-serif}
.mnav_top span a{color:#E60012;font-family:Arial, "Times New Roman", sans-serif }
.mnav_top span a:hover{ text-decoration:underline}
.mnav_top a{ color:#000; margin-left:8px; margin-right:5px;font-family:Arial, "Times New Roman", sans-serif}


 
 

.index_flash{ width:100%; height:auto;margin-top:5px;}
.m_banner{margin:0px} 
.m_banner img{ width:100%;}
.mid{ width:100%; height:auto; background:#FFF; float:left; margin:0 auto; margin-top:10px;}

.border5{border:1px solid #dedede; border-radius:5px;}
.left{  height:auto; float:left}
.i_news{  height:auto; float:left;margin:15px 0px;}
.i_news_t{ width:100%; float:left; height:37px;background-color:#fcfcfc}
.i_news_t1{ width:90%; height:35px; line-height:35px;  float:left}
.i_news_t1 a{float:left;width:79px; height:35px; line-height:35px; color:#FFF; padding-left:8px; font-weight:600; background:url(/templets/mofen/images/news_menu_03.jpg) no-repeat; display:block; margin:1px 12px;}
.news_t1{ width:9px; height:35px; float:left;background:url(/templets/mofen/images/news_menu_01.jpg) no-repeat;}
.news_t2{ width:15px; height:35px; float:left; background:url(/templets/mofen/images/news_menu_09.jpg) no-repeat}
.i_news ul{ float:left;width:100%;padding:0 15px;}
.i_news ul li{ width:auto; height:28px; line-height:28px;border-bottom: 1px solid #EFEFEF; overflow:hidden; background:url(/templets/mofen/images/dot.jpg) left center no-repeat; padding-left:15px;}
.i_news ul li a{ color:#666; width:95%;  line-height:28px; overflow:hidden; float:left;text-align:left;}
.date{ float:right; color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif}
.date2{ float:right; color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif;_margin-top:-25px;} 
.date3{margin-right: 10px; float:right; width:30%;color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif}
.i_pro_t{ width:100%;  float:left; height:37px;background-color:#fcfcfc}
.i_pro_t1{ width:90%; height:35px; line-height:35px;  float:left}
.i_pro_t1 a{ width:79px; height:35px; line-height:35px; color:#FFF; padding-left:12px; font-weight:600; background:url(/templets/mofen/images/news_menu_03.jpg) no-repeat; display:block; margin:1px 12px;}
.i_pro{ width:100%; height:auto; float:left; margin-top:15px;}
.i_pro ul li{   float:left;padding:0px}
.i_p_img{ text-align:center;float:left;padding:0px;margin:30px 0px;}
.i_p_img a img{padding:4px;border: 1px solid #e7e7e7;width:100%}
.i_p_tit{height:30px; line-height:30px; float:left;margin:10px 0 0 0;}
.i_p_tit a{ font-weight:600; color:#cc0000;}
.i_p_zhi{font-size:14px;color:#777777;line-height:12px}
.i_p_txt{ height:65px; line-height:21px;; overflow:hidden; float:left;text-align:left;}
.right{ height:auto; }
.i_about{   height:auto; float:left; width:100%;overflow:hidden;margin:15px 0px;}
.i_about_t{  height:35px; line-height:35px; float:left;width:100%;background-color:#f9f9f9}
.i_about_t a{  width:185px;overflow:hidden;display:block;}
.i_about_t img{float:left;margin:0px 12px;}
.i_about_f{  margin:5px 0px; float:left;width:100%}
.i_about_f a img{ width:100%}

.i_about_txt{  height:auto; line-height:22px; margin:10px 0px;   float:left;text-indent:2em;text-align:left;padding:15px;}
.i_anli{ height:auto; float:left;width:100%;}
.i_anli_t{background-color: #f9f9f9;}
.i_anli_t a{  width:150px;overflow:hidden;display:block;}
.i_anli ul li{  height:25px; line-height:25px;border-bottom: 1px dotted #EFEFEF; background:url(/templets/mofen/images/dot2.jpg) left center no-repeat; padding-left:10px;}
.i_anli ul{ float:left; margin-left:10px; margin-top:5px;}
.i_anli ul li {text-align:left;}

.i_anli ul li a{ color:#666}
.i_server_txt{   line-height:22px; height:auto; float:left;text-indent:2em;text-align:left}
.i_server_txt p{padding:5px 15px;}
.i_contact{  height:auto; float:left;width:100%;margin:15px 0px;}
.i_contact ul li{line-height:22px;font-size:14px;} 

.i_wuliao{ width:100%; height:auto; float:left; margin-top:15px;}
.i_wuliao ul li{   float:left;padding:0px}
.i_wuliao_txt{   line-height:22px; height:auto; float:left;text-indent:2em;text-align:left;background-color: #e5e5e5;}
.i_wuliao_txt p{padding:0px;margin:10px;}
.i_wuliao_txt span{color:#F12D2F}


.link {width:100%;padding:2px 15px;float:left;text-align: left; }
.link ul li{ display:inline; line-height:22px;}
.link ul{ float:left; margin-top:10px;}
.link ul li a{ color:#666; margin-left:5px;margin-right:5px;}
.link_t{ width:100%;}
.foot_t{ width:100%; height:4px; background:url(/templets/mofen/images/index_06.jpg) repeat-x}
.foot{ width:100%; line-height:20px; float:left; padding:2px 15px;text-align: left;}
.foot2{ width:100%; line-height:20px; float:left; margin-bottom:5px;padding:2px 15px;text-align: left;}
.foot_b{ width:100%;   line-height:20px; float:left}
.foot_b p{margin:1px;}
.footbt{ width:100%; height:auto; line-height:25px; float:left; margin-bottom:12px;}
.foot_b_l{ width:370px; height:25px; text-align:left; float:left;}
.foot_b_r{ width:600px; height:25px; text-align:right; float:right}
.foot a{ color:#666}
.i_jishu{ width:100%; height:77px; float:left}
.i_jishu a{   height:77px; background:url(/templets/mofen/images/jishu.jpg) no-repeat; display:block; margin-left:10px;}
.i_jishu a:hover{ height:77px; background:url(/templets/mofen/images/jishu2.jpg) no-repeat; display:block}

.n_left{   min-height:100px; float:left; margin:5px 0px}
.n_right{   height:auto; float:right; margin:5px 0px;overflow;hidden;text-align:left;}
.n_about{ float:left;background-color:#F5F5F5;width:100%}
.n_left_t{ width:100%; height:50px; line-height:50px; font-size:18px; font-weight:600; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif; color:#cc0000; text-align:center}
.n_about ul li{   height:36px; line-height:36px;text-align:center; border-bottom:1px #ccc dotted;}
.n_about ul li a{ color:#000; width:100%;; height:36px; float:left; }
#te a{background-color:#ba1718;width:100%;;font-size:14px; height:36px; color:#FFF; }
.te a{background-color:#ba1718;width:100%;;font-size:14px; height:36px; color:#FFF;color:#000; }
.n_about ul li.te a{color:#fff; }
.n_about #tete li{ height:25px; line-height:25px;text-align:center; border-bottom:1px #ccc dotted;}
.n_about #tete li a{ color:#000;width:100%;; height:25px; background:none; float:left; text-decoration:underline;}
.tete li{ height:25px; line-height:25px;text-align:center; border-bottom:1px #ccc dotted;}
.tete li a{ color:#000;width:100%;; height:25px; background:none; float:left; text-decoration:underline;}
.n_posi{ width:100%; height:40px; line-height:40px; background:url(/templets/mofen/images/zhongjian.jpg) repeat-x; float:left;}
.n_posi img{margin:0px 5px;}
.n_posi span{ float:right; margin-right:10px;_margin-top:-28px;}
.n_posi span a{ color:#666;padding-right:3px; margin-right:3px;}
.n_con{ width:100%;  height:auto; line-height:22px;}
.about_a{ float:left}
.news_a{ float:left;width:100%;}
.news_a div img{ float:left;width:100%;}
.pro_a{ float:left;width:100%;}
#shenghuo{ float:left; margin-top:10px;}
#shenghuo li{ width:170px; height:164px; background:url(/templets/mofen/images/shenghuo_bg.gif) no-repeat; float:left; margin-left:5px; margin-right:8px; margin-top:8px; text-align:center; padding-top:10px;}
.sh_img img{ width:150px; height:113px;}
.sh_img{ width:155px; height:115px; float:left; margin-left:5px;}
.sh_txt{ width:160px; height:30px; line-height:30px;margin-left:5px; float:left}
.news_a ul li{ width:100%; height:28px; line-height:28px; float:left; border-bottom:1px dashed #d3d3d3; background:url(/templets/mofen/images/ico01.gif) left center no-repeat; padding-left:20px;}
.news_a ul{ float:left; margin-top:15px;}
.news_a ul li a{ color:#666}
.page_box {
    float: left;
    font-family: "微软雅黑",Arial,"Times New Roman",sans-serif;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top:10px; margin-bottom:10px;
	width:100%;
}

.page_box li{ 
 float: left;
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 1px;
}
.page_box a{ color:#666}
.news_a_t{  line-height:30px; text-align:center; color:#cc0000; font-size:14px; font-weight:600; margin-top:10px;}
.news_a_t_a{   border-bottom:1px dashed #d3d3d3; text-align:center}
.news_a_t_a span{ margin-right:8px;}
#news_next {
    float: left;
    height: auto;
    margin-top: 10px;
width:100%;
}

#news_next_a {
    float: left;
    font-weight: 600;
    height: 20px;
    text-align: left;
}
#news_next_b {
    float: left;
	width:100%;
}
#other-news {
    float: left;
    margin-top: 15px;
    width:100%;
}
#other-news h5{ font-size:13px; margin:0px;}
#other-news ul li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    text-align: left;
    width: 330px;
}
#news_next_b ul li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    margin-right:10px;
    overflow: hidden;
    text-align: left;
    width:330px;
}
#news_next_b {
    float: left;

}
.img_ul li {
    border-bottom: 1px dashed #E7E7E7;
    height: auto;
	margin:5px 0px;
	overflow:hidden;
}
.img_l {
    float: left;
 
    line-height: 25px;
    text-align: center;
 
}
.img_l img {
    border: 1px solid #D6D7D7;
    margin:5px 0px;
    padding: 3px;
 
}
.img_r {
    float: left;
    height: auto;
 
}
.img_r_title {
    font-weight: 600;
    margin-top: 3px;
}

.img_r_title a {
  color: #CC0000;
}




.img_r_n {
    height: auto;
    line-height: 21px;
    margin-top: 5px;
	color:#990000;
}
 
.img_r_n a {
    color: #333333;
}

.img_r_n_img{
    color: #333333;
    height: auto;
    line-height: 21px;
    margin-top: 5px;
}
.img_r_b {
    height: 20px;
    line-height: 20px;
    text-align: right;
}
.img_r_b a {
    color: #cc0000;
    text-decoration: none;
}
#news_next a{ color:#666;
border: 1px solid #CCCCCC;
    color: #353535;
    line-height: 25px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;}
.n_img2{ height:auto; float:left; text-align:center; margin-top:15px;}
.n_img2 img{ max-width:90%; padding:6px; border:1px #D6D7D7 solid;}
.n_txt2{ height:auto; float:left; text-align:left; margin-top:10px;}
.about_contact {
    background: url(/templets/mofen/images/about.jpg) no-repeat right center;
    height: 240px;
    margin-bottom: 10px;
    width: 720px;
}
.about_contact ul {
    margin-left: 120px;
    padding-top: 7px;
}
.about_contact ul li {
    line-height: 33px;
}
.about_a p img{ padding:3px; border:1px #e7e7e7 solid;}


/*******pro-ny star**********/
.tips, .proTips-xunjia, .proTips-contact, .proIntroduction h3, .sectionLeft dt { background:url(/templets/mofen/images/pro-ny-images.jpg) no-repeat 0 0;}
.pro-ny p {color:#393939; font-size:14px; line-height:47px; text-indent:20px}
.proMain-top { width:100%; height:auto; overflow:hidden; }
 .proImg, .proName, .proTips, .proIntroduction, .code, .xxxx { float:left; overflow:hidden;}
  .pretext {margin:0px; padding-right:0px;}
 .proImg { width:345px; height:auto; margin-top:20px; display:inline;}
   .proImg1 img{ border:1px solid #d5d5d5; padding:3px; display:inline;}
   .proImg2 { width:345px; height:43px; overflow:hidden;margin-top:20px;}
   .proImg2_left, .proImg2_middle, .proImg2_middle ul li, .proImg2_right { float:left; text-align:center; cursor:pointer; }
   .proImg2_middle ul li { width:66px; height:43px; margin-left:10px; display:inline;}
   .proImg2_middle ul li img { border:1px solid #d5d5d5; padding:1px;}
   .proImg2_right { margin-left:10px; display:inline;}
   
 .proName { height:auto; margin:20px 0px;} 
  .proName h2 { font-size:24px;}
  .proName ul { margin-top:10px;}
  .proName ul li {height:25px; line-height:25px;color:#393939; background:url(/templets/mofen/images/proName_libg.jpg) no-repeat left; text-indent:15px;}
  .pro-hot { width:170px; height:25px;}
  .pro-hot span{ font-weight:bold; width:76px; float:left;}
  .pro-hot img { float:right; height:25px; }
  .code img, .code p { float:left;}
  
 .proTips { height:auto;}
  .tips { margin-top: 60px;width:172px; height:129px;background-position:-0px -36px;} 
   .tips h2 { margin-left:40px; padding-top:5px; color:#fff; font-size:14px; line-height:25px;}
   .tips ul { width:144px; height:77px; margin:20px 0 0 20px;}
  .proTips-xunjia {width:89px;height:27px;background-position:-385px -7px; margin-left:4px;}
  .proTips-contact {width:69px;height:28px;background-position:-397px -86px;  margin-left:7px; }  
  .proTips-xunjia, .proTips-contact {float:left;margin-top:2px;display:inline; line-height:27px; text-indent:10px;}
  
 .proIntroduction { width:100%;  margin:12px 5px; }  
  .proIntroduction h3 {width:254px;height:22px;background-position:-0px -196px; text-indent:35px; line-height:22px;}
  .proIntroduction p { text-indent:25px; color:#393939; line-height:20px; margin-top:12px;}
  
 .code { width:342px; height:25px; margin-left:10px; margin-top:5px;}
  .code p { width:270px; height:25px; margin:2px 0 0 9px; color:#6a6a6a;}
  
 .xxxx { float:left; margin: 10px 0px;width:100%; }
  .xxxx ul li {height:32px;border:1px solid #dedede; border-radius:5px;text-align:center;background-color:#ba1718; float:left; margin:3px 5px; line-height:32px; font-size:14px; font-weight:bold; color:#fff;min-width:19%;max-width:50%}
  .xxxx ul li a {margin:5px;color:#fff;}
  
.proMain-middle { width:100%; height:45px; background:url(/templets/mofen/images/proMain-middle-bg.gif) no-repeat; margin-top:15px; }  
 .proMain-middle ul { margin:3%;}
 .proMain-middle ul li { width:32%; height:45px; float:left; line-height:45px; margin:0px;font-size:14px; font-weight:bold; color:#393939;cursor:pointer; display:inline;text-align:center;}
  .proMain-middle ul li#yuanli {width:32%;; height:45px;}
  .proMain-middle ul li.cli  {width:32%;height:45px; color:#fff;cursor:pointer; display:inline;border: 1px solid #dedede;border-radius: 5px;background-color:#ba1718 }
   
   
  
  
.proMain-bottom {width:100%; height:auto; overflow:hidden; margin-top:25px;} 

  #tabcontent { width:100%; height:auto; min-height:500px; float:left;}
   #tabcontent .hidden { display:none;}
   #tabcontent ul li p {text-indent:20px;}
   .product-js { width:100%; overflow:scroll;}
   
   
  .sectionLeft { width:196px; height:auto; float:left; margin-left:40px;}
   .sectionLeft dt {width:196px;height:26px;background-position:-0px -359px; color:#fff; line-height:26px; text-align:center; }
   .sectionLeft dd { width:189px; height:auto; background:#eee; margin-left:4px;padding-top:10px;}
    .sectionLeft-1 { width:189px; height:430px;}
    .sectionLeft-1 li, .sectionLeft-2 li { width:170px; height:123px; margin-top:15px; margin-left:10px;}
	.sectionLeft-1 li img, .sectionLeft-2 li img {  border:1px solid #d5d5d5; padding:2px;}
	.sectionLeft-1 li h2, .sectionLeft-2 li h2  { text-align:center; line-height:25px;}
	
  .pro-news li { margin:5px 0 0 10px;}	
    .sectionLeft-2 { width:189px; height:auto; }
	
  .video img {width:170px; height:auto; margin:15px 10px 20px 10px; overflow:hidden;}	

/*dddddddddddd*/
.list-h li{ float:left;}
#spec-n1 {margin:0px;overflow:hidden;}
#spec-n1 img{width:100%}
#spec-n5{width:100%; height:60px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(/templets/mofen/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/templets/mofen/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:88%; float:left; overflow:hidden; margin:0px; display:inline;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.baohan { float:left;  height:auto;width:100%}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;list-style:none}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;list-style:none}




/*jqzoom*/
#preview{ float:left; padding:0px; text-align:center;  padding-top:65px;}

.jqzoom{ width:100%; height240px; position:relative;;padding:0}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


/*文章里的产品插图*/

#fen_cl{
    margin-top: 2px;
    width: 100%;
}
#fen_hot {
    border-top: 1px solid #CECECE;
    height: auto;
    margin-top: 20px;
    width: 100%;
}
#fen_hot li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
	width: 33%;
    height: auto;
    margin:10px 0px;
    overflow: hidden;
    padding: 2px;
}
#fen_hot li a {margin:0px;text-align:center;padding:0px;}
#fen_hot li a img {
    width:90%;
}

#fen_hot li h4 {
    color: #FF0000;
    text-align: center;
    margin: 2px;
}
#fen_hot li h4 a {
    color: #FF0000;
    text-align: center;
}
 

.artlial{width: 100%;text-align: center;}
.artlial p {text-align: left;}
.artlial img{width:80%;margin:5px auto;height:auto;}

.artad {float:right;margin:5px;}
.artad h3{ color: #FF0000;
    text-align: center;
    margin: 2px;}
.artad h3 a { color: #FF0000;
    text-align: center;
    margin: 2px;}
	


.btlink{margin-left:3px;}
.btlink a {color: #CC0000;}

/* 移动端   page */
.m_cen_all{ margin:0 auto; overflow:hidden;text-align:center; height:auto; line-height:33px; min-width: 320px;margin-bottom:80px;background:#FFF;}
.centershow{margin:4px auto; }


.m_foot_phonetopc{margin: 0px; height:108px;padding:2px 0px;text-align: center;}
.m_foot_phonetopc p { background:#ffffff;height:20px;   padding:12px 0px;}
.m_foot_phonetopc a { color:#F00; margin:2px;}

#m_foot{ bottom: 0; left: 0; position: fixed; width: 100%; z-index: 99990;}
.m_foot_top{margin:0px;}
.m_foot_bot{box-sizing: content-box;height: 100%;position: relative; width: 100%; background:#ea3420; height:65px;}
.m_foot_bot_all{ width:25%;height:55px; margin:0px; float:left; }
.m_foot_bot_li{ height: 44px;margin-top: 7px;position: relative;border-right:1px  #666 solid; float:left;overflow:hidden; width:100%;}
.m_foot_bot_li_img{margin:1px auto;width:100%;height: 25px;text-align: center;}
.m_foot_bot_li_img img {  height: 25px;display: inline; margin:1px auto;width:auto;}
.m_foot_bot_li_txt{ margin:1px auto; width:56px;text-align: center;color: #ffffff; font-family: "Microsoft Yahei"; font-size: 14px;}

//兼容广告位所需样式
* html .top1 { z-index: 1000;text-align: center;
    width: 100%;
position:absolute; top:expression(eval(document.documentElement.scrollTop))} /*需要兼容各个浏览器量浮动样式 ie */
.top2 { position:static;}
.top1 {position:fixed; top:0px;z-index: 1000;text-align: center;
    width: 100%;
}

#topon{ width:100%;

}


* html, * html body {
    background-attachment: fixed;
    background-image: url("about:blank");
}